<!DOCTYPE html>
<html>
<head>
<title>数字型表单</title>
<style type="text/css" rel="stylesheet">
.alt {
	background-color: lightblue;
}
</style>
<script src="../jquery-1.8.2.js"></script>
<script type="text/javascript" src="numericform.js"></script>
</head>
<body>
<!-- 
使用 Zen Coding...
-->
<form action="checkout.php" method="post">
	<table id="chart">
		<thead>
			<tr>
				<th class="item">Item</th>
				<th class="quantity">Quantity</th>
				<th class="price">Price</th>
				<th class="cost">Cost</th>
			</tr>
		</thead>
		<tfoot>
			<tr class="subtotal">
				<td class="item">Subtotal</td>
				<td class="quantity"></td>
				<td class="price"></td>
				<td class="cost">$152.95</td>
			</tr>
			<tr class="tax">
				<td class="item">Tax</td>
				<td class="quantity"></td>
				<td class="price">6%</td>
				<td class="cost">$9.18</td>
			</tr>
			<tr class="shipping">
				<td class="item">Shipping</td>
				<td class="quantity">5</td>
				<td class="price">$2 per item</td>
				<td class="cost">$10.00</td>
			</tr>
			<tr class="total">
				<td class="item">Total</td>
				<td class="quantity"></td>
				<td class="price"></td>
				<td class="cost">$172.13</td>
			</tr>
			<tr class="actions">
				<td></td>
				<td><input type="button" name="recalculate" value="Recalculate" id="recalculate"/></td>
				<td></td>
				<td><input type="submit" name="submit" value="Place Order" id="submit"/></td>
			</tr>
		</tfoot>
		<tbody>
			<tr>
				<td class="item">Building Telephony System With Asterisk</td>
				<td class="quantity"><input type="text" name="quantity-2" value="1" id="quantity-2" maxlength="3"/></td>
				<td class="price">$26.99</td>
				<td class="cost">$26.99</td>
			</tr>
			<tr>
				<td class="item">Smarty PHP Template Programming and Application</td>
				<td class="quantity"><input type="text" name="quantity-1" value="2" id="quantity-1" maxlength="3"/></td>
				<td class="price">$35.99</td>
				<td class="cost">$71.98</td>
			</tr>
			<tr>
				<td class="item">Creating your MySQL Database</td>
				<td class="quantity"><input type="text" name="quantity-3" value="1" id="quantity-3" maxlength="3"/></td>
				<td class="price">$17.99</td>
				<td class="cost">$17.99</td>
			</tr>
			<tr>
				<td class="item">Drupal: Creating Blogs, Forums, Portals and Community Websites</td>
				<td class="quantity"><input type="text" name="quantity-4" value="1" id="quantity-4" maxlength="3"/></td>
				<td class="price">$35.99</td>
				<td class="cost">$35.99</td>
			</tr>
		</tbody>
	</table>
</form>
</body>
</html>